<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>函数的调用</title>
</head>
<body>
	<button id="btn">按钮</button>
	<script>
		// 1. 手动调用：(函数名加小括号)

		function fn(){
			console.log(123);
		}

		fn();
		console.log(333);

		// 2. 事件驱动调用函数

		// 获取元素button
		var btn = document.getElementById("btn");
		
		// 记住：事件接受的是一个函数体，不是函数调用后的结果
		// btn.onclick = fn() 错误的
		// 1. fn() ==>  undefined
		// btn.onclick = undefined

		// 当触发事件时才会执行函数
		btn.onclick = fn;
		
		// 3.自调用函数
		// var a = function(){}
		// (function(){ 最常见的
		// 	console.log(11111)
		// })()

		// !function(){
		// 	console.log(2222)
		// }()
		// 自调用函数可以写函数名
		var a = 10;
		// 自调用函数前面可能会有分号
		;(function func(){
			console.log(11111)
		})()

	</script>
</body>
</html>